<template>
	<view class="">
		<view class="">
			<view class="vipbox" style="position: relative;" >
				<view class="" style="width: 694rpx; height: 366rpx;position: absolute; ">
					<image :src="bgimg" mode=""></image>
				</view>
				<view class="flex-column just-between just-center"
					style="position: absolute;width: 694rpx; height: 366rpx;">
					<view class="pt-50 flex just-center">
						<view class="" style="width: 60rpx;height: 50rpx;margin-right: 10rpx;">
							<image :src="vipimglogo" mode=""></image>
						</view>
						<view class="f-38 c-FFFFFF" style="font-family: SourceHanSansCN-Medium;">
							{{viptitle}}
						</view>
					</view>
					<view class="mb-30  just-between" style="padding:0rpx 89rpx;">
						<view class="   " style="width: 132rpx; text-align: center;" >
							<image style="width: 82rpx;height: 82rpx; " :src="img1" mode="">
							</image>
							<view class="mt-12 f-28 c-FFFFFF f-bold">
								分享收益
							</view>
						</view>
						<view class="   " style="width: 132rpx; text-align: center;">
							<image style="width: 82rpx;height: 82rpx; " :src="img2" mode="">
							</image>
							<view class="mt-12 f-28 c-FFFFFF f-bold">
								复购折扣
							</view>
						</view>
						<view class="   " style="width: 132rpx; text-align: center;">
							<image style="width: 82rpx;height: 82rpx; " :src="img3" mode="">
							</image>
							<view class="mt-12 f-28 c-FFFFFF f-bold">
								推广升级
							</view>
						</view>

					</view>
				</view>
			</view>

		</view>
		<view class="flex mt-28 flex align-center" style=" height: 50rpx;" v-if="bool">
			<view class="py-10 bg-DFB982 bor-r10 mr-20 " style="padding-left: 22rpx;padding-right: 21rpx;">
				{{viptitle}}
			</view>
			<view class="  f-28 f-400">
				价值{{mony}}元
			</view>
		</view>
	</view>
</template>

<script>
	export default {

		props: {
			idindex: {
				type: String,
				default: ''
			},
			// 参数level_detail_ids
			ids: {
				type: String,
				default: ''
			},
			goBack:{
				type:[String,Number]
			},
			// 点击的那个id卡片
			idindex: {
				type: [String,Number],
				default: ''
			},
			bool: {
				type: Boolean,
				default: true
			},
			viptitle: {
				type: String,
				default: '银卡会员'
			},
			vipimglogo: {
				type: String,
				default: '/goodsPage/static/doct/lanselogo.png'
			},
			mony: {
				type: Number,
				default: 1168
			},
			bgimg: {
				type: String,
				default: '/goodsPage/static/doct/lansevip.png'
			},
			img1: {
				type: String,
				default: '/goodsPage/static/doct/lansefenx.png'
			},
			img2: {
				type: String,
				default: '/goodsPage/static/doct/lansezhek.png'
			},
			img3: {
				type: String,
				default: '/goodsPage/static/doct/lansetuig.png'
			},
		},
		data() {
			return {

			}
		},
		methods: {
		
		}
	}
</script>

<style>
	.vipbox {
		width: 694rpx;
		height: 366rpx;
		/* background: url('~@/static/doct/yinsevip.png') no-repeat; */

		/* background-image: url("http://file.shopro.top/uploads/20210518/919a402e8aabfa0a2100a4215b586286.jpg"); */
		background-size: 100%;
	}
</style>
